/* can't use css variable in tid file, because it will become -— , maybe triggers --- syntax?
Have to move them into a css file like this */
div.itkg-sidebar-container {
  height: 100%;
}

.itkg-sidebar-project-list {
  display: flex;
  flex-direction: column;
}
.itkg-sidebar-project-list-item {
  padding: 5px 0;
}

.itkg-sidebar-buttons {
  padding: 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.itkg-sidebar-buttons button {
  padding: 15px 20px;
}
.itkg-sidebar-create-task .tc-edit-texteditor {
  width: 100%;
}